<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>省广股份首页</title>
		<link rel="stylesheet" type="text/css" href="font/iconfont.css"/>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	    <script type="text/javascript" src="js/jquery-3.1.0.js"></script>
	    <script type="text/javascript" src="js/index.js" ></script>
	</head>
	<body>
		<div class="web">
			<!--头部导航-->
			<header>
				<div class="menu fl">
					<div class="imgwrap">
						<img src="img/home/menu.png"/>
					</div>
					<div class="tip">
						<span>1</span>
					</div>
				</div>
				<div class="search_btn fr">
					<i class="iconfont icon-search"></i>
				</div>
				<div class="center">
					<div>
						<img src="img/home/logo.png"/>
					</div>
				</div>
			</header>
			<!--首页内容-->
			<section>
				<!--轮播图部分-->
				<div class="banner">
					<ul>
						<li>
							<img src="img/home/ul1.jpg"/>
							<div class="b_down">
								<a class="left_t textover" href="#">省广股份携手阿里妈妈举行DT大时代 全息营销......</a>
								<div class="clearfix">
									<div class="left fl">
										<a href="#"><i class="iconfont icon-iconaixin"></i></a>
										<span>120</span>
									</div>
									<div class="left fl">
										<a href="#"><i class="iconfont icon-iconfontyan"></i></a>
										<span>560</span>
									</div>
									<div class="right fr">
										<span>12月26日</span>
										<span>07:33:43</span>
									</div>
								</div>
							</div>
						</li>
					</ul>
				</div>
				<!--案例观点-->
				<div class="s_case">
					<div class="caselist">
						<div class="c_list">
							<div class="c_right fr clear"><img src="img/home/index01.jpg"/></div>
							<div class="c_left clearfix">
								<p class="title">#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</p>
								<p class="p_left fl "><a href="#"><i class="iconfont icon-iconaixin"></i></a>120</p>
								<p class="p_r fr">2小时前<span>[案例观点]</span></p>
							</div>
						</div>
						<div class="c_list">
							<div class="c_right fr clear"><img src="img/home/index01.jpg"/></div>
							<div class="c_left clearfix">
								<p class="title">#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</p>
								<p class="p_left fl "><a href="#"><i class="iconfont icon-iconaixin"></i></a>866</p>
								<p class="p_r fr">5小时前<span>[课程]</span></p>
							</div>
						</div>
					</div>
				</div>
				<!--项目、新闻内容部分-->
				<div class="content_b">
					<!--案例观点-->
					<div class="case_infor">
						<p class="title textover">#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</p>
						<div class="case_img fl">
							<img src="img/home/index03.jpg"/>
						</div>
						<div class="case_img fr">
							<img src="img/home/index05.jpg"/>
						</div>
						<div class="case_img">
							<img src="img/home/index04.jpg"/>
						</div>
						<div class="case_bot clearfix">
							<div class="left fl">
								<div class="touxiang">
									<img src="img/home/headimg.png"/>
								</div>
								<span>陈正光</span>
								<a href="#"><i class="iconfont icon-message"></i>6868</a>
								<a href="#"><i class="iconfont icon-iconaixin"></i>4808</a>
							</div>
							<div class="right fr">
								<p class="p_r fr">2天前<span>[案例观点]</span></p>
							</div>
						</div>
					</div>
					<!--新闻-->
					<div class="con_list border-bottom">
						<div class="c_right fr clear"><img src="img/home/index01.jpg"/></div>
							<div class="c_left clearfix">
								<p class="title">#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</p>
								<p class="p_left fl"><a href="#"><i class="iconfont icon-iconaixin"></i></a>6</p>
								<div class="time fr">
									<span>12月26日</span>
									<span>07:33:43</span>
									<span>[新闻]</span>
								</div>
							</div>
					</div>
					<div class="con_list">
						<div class="c_right fr clear"><img src="img/home/index01.jpg"/></div>
						<div class="c_left clearfix">
							<p class="title">#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</p>
							<p class="p_left fl"><a href="#"><i class="iconfont icon-iconaixin"></i></a>6</p>
							<div class="time fr">
								<span>12月26日</span>
								<span>07:33:43</span>
								<span>[新闻]</span>
							</div>
						</div>
					</div>
					<!--案例观点-->
					<div class="case_infor margin-top">
						<p class="title textover">#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</p>
						<div class="case_img fl">
							<img src="img/home/index03.jpg"/>
						</div>
						<div class="case_img fr">
							<img src="img/home/index05.jpg"/>
						</div>
						<div class="case_img">
							<img src="img/home/index04.jpg"/>
						</div>
						<div class="case_bot clearfix">
							<div class="left fl">
								<div class="touxiang">
									<img src="img/home/headimg.png"/>
								</div>
								<span>陈正光</span>
								<a href="#"><i class="iconfont icon-message"></i>6868</a>
								<a href="#"><i class="iconfont icon-iconaixin"></i>4808</a>
							</div>
							<div class="right fr">
								<p class="p_r fr">2天前<span>[案例观点]</span></p>
							</div>
						</div>
					</div>
					<!--新闻-->
					<div class="con_list border-bottom">
						<div class="c_right fr clear"><img src="img/home/index01.jpg"/></div>
						<div class="c_left clearfix">
							<p class="title">#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</p>
							<p class="p_left fl"><a href="#"><i class="iconfont icon-iconaixin"></i></a>6</p>
							<div class="time fr">
								<span>12月26日</span>
								<span>07:33:43</span>
								<span>[新闻]</span>
							</div>
						</div>
					</div>
					<div class="con_list border-bottom">
						<div class="c_right fr clear"><img src="img/home/index01.jpg"/></div>
						<div class="c_left clearfix">
							<p class="title">#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</p>
							<p class="p_left fl"><a href="#"><i class="iconfont icon-iconaixin"></i></a>6</p>
							<div class="time fr">
								<span>12月26日</span>
								<span>07:33:43</span>
								<span>[新闻]</span>
							</div>
						</div>
					</div>
					<!--加载更多-->
					<div class="con_bottom">
						<span>加载更多</span>
					</div>
				</div>
			</section>
			<!--底部导航-->
			<footer>
				<ul>
					<li>
						<a href="#">
							<i class="iconfont icon-home"></i>
							<p>首页</p>
						</a>
					</li>
					<div class="right-line fl"></div>
					<li>
						<a href="#">
							<i class="iconfont icon-home"></i>
							<p>GIMC</p>
						</a>
					</li>
					<div class="right-line fl"></div>
					<li>
						<a href="#">
							<i class="iconfont icon-bi"></i>
							<p>文章</p>
						</a>
					</li>
					<div class="right-line fl"></div>
					<li>
						<a href="#">
							<i class="iconfont icon-science"></i>
							<p>资源</p>
						</a>
					</li>
					<div class="right-line fl"></div>
					<li>
						<a href="#">
							<i class="iconfont icon-iconaboutstudent"></i>
							<p>学院</p>
						</a>
					</li>
				</ul>
			</footer>
			
			<!--搜索界面-->
			<div class="search">
				<div class="search_top clearfix">
					<i id="search_close" class="iconfont icon-icon_close_search_bg"></i>
					<div class="input_s fl">
						<i class="iconfont icon-search1"></i>
						<input type="text"  placeholder="Search" />
					</div>
				</div>
				<div class="search_keyword">
					<p>热搜</p>
					<span class="active">省广股份</span>
					<span>移动互联网</span>
					<span>细分平台业务</span>
					<span>O2O</span>
					<span>媒介平台</span>
					<span>拥抱变革，创造未来</span>
					<span>平台</span>
					<span>上海金投赏创意节</span>
				</div>
			</div>
			
			<!--点击菜单按钮相应的页面-->
			<div class="leftcontent">
				<!--个人菜单页面-->
				<div class="permenu">
					<!--顶部搜索栏-->
					<div class="p_top border_bottom_p">
						<i class="iconfont icon-icon_close_search_bg"></i>
					</div>
					<!--中间头像登录部分-->
					<div class="p_center">
						<div class="pic_wrap">
							<img src="img/home/login.png"/>
						</div>
						<a class="login_btn" href="#">立即登陆</a>
						<a class="psword" href="#">忘记密码</a>
					</div>
					<!--底部-->
					<div class="p_bottom clearfix">
						<a class="gimc border_bottom_p clearfix">
							<p>GIMC</p>
							<span class=""><img src="img/home/right.png"/></span>
						</a>
						<div class="drop_down">
							<a>省广介绍</a>
							<a class="line"></a>
							<a>新闻资讯</a>
						</div>
						<a class="gimc border_bottom_p clearfix">
							<p>文章</p>
							<span><img src="img/home/right.png"/></span>
						</a>
						<a class="gimc border_bottom_p clearfix">
							<p>资源</p>
							<span><img src="img/home/right.png"/></span>
						</a>
						<a class="gimc clearfix">
							<p>课程</p>
							<span><img src="img/home/right.png"/></span>
						</a>	
					 </div>
				</div>
				
				<!--用户登录界面-->
				<div class="login">
					<div class="login_logo">
						<img src="img/home/login_logo.png"/>
					</div>
					<div class="phone">
						<div class="icon fl clear">
							<i class="iconfont icon-touxiang"></i>
						</div>
						<div class="l_input">
							<input type="text" placeholder="请输入已验证的手机号或邮箱"/>
						</div>
					</div>
					<div class="password">
						<div class="icon fl clear">
							<i class="iconfont icon-iconfontsuo"></i>
						</div>
						<div class="l_input">
							<input type="password" placeholder="请输入密码"/>
						</div>
					</div>
					<div class="forget clearfix">
						<a href="#">忘记密码</a>
						<i class="iconfont icon-wenhao-copy"></i>
					</div>
					<button class="denglu">登录</button>
					<button class="register">注册</button>
				</div>
				
				<!--用户已登录界面-->
				<div class="profile">
					
				</div>
				
			</div>
		</div>  
	</body>
</html>
